import React from 'react'
import Table from '../../components/Material_UI/Table/Table';

const App = () => (
    <Table
        rows={[]}
        columns={[
            { name: 'region', title: 'Region' },
            { name: 'sector', title: 'Sector' },
            { name: 'customer', title: 'Customer' },
            { name: 'product', title: 'Product' },
            { name: 'amount', title: 'Sale Amount' },
        ]}
        columnExtensions={[
            { columnName: 'region', align: 'center' },
            { columnName: 'sector', align: 'center' },
            { columnName: 'customer', align: 'center' },
            { columnName: 'product', align: 'center' },
            { columnName: 'amount', align: 'center' },
        ]}
        defaultColumnWidths={[
            { columnName: 'region', width: 180 },
            { columnName: 'sector', width: 180 },
            { columnName: 'customer', width: 180 },
            { columnName: 'product', width: 180 },
            { columnName: 'amount', width: 180 },
        ]}
        Sorting={true}
        dateColumns={['region']}
        timeColumns={['sector']}
        pageSizes={[5,10,15,30,0]}
        title={"用户表"}
        getListUrl={"http://localhost:1111/mock/getList"}
        deleteUrl={"http://localhost:1111/mock/deleteRow"}
    >
    </Table>
);

export default  App